<extend name="Base/common" />


<block name="body">
        <div class="center">
        	<div class="box box2">
           	  <div class="title">个人中心<span><a href="{:U('User/select')}"  class="vis">我的货单</a></span><span><a href="{:U('User/install')}">个人设置</a><div class="ss">货单追踪<input name="" type="text"   value="输入订单号" onblur="if(this.value==''){this.value='输入订单号'}" onfocus="if(this.value=='输入订单号'){this.value=''}"></div></span></div>
              <div class="about_2">
               <script src="__JS__/jquery.js"></script>
				<script type="text/javascript" src="__JS__/area.js"></script>
				<script type="text/javascript" src="__JS__/location.js"></script>
				<script src="__JS__/select2.js"></script>
				<script src="__JS__/select2_locale_zh-CN.js"></script>
				<link href="__CSS__/select2.css" rel="stylesheet"/>
              <div class="top1"><font>年份</font><select  id="select1" style="width:155px;">
<option>2014</option>
<option>2015</option>
<option>2016</option>
<option>2017</option>
<option>2018</option>
<option>2019</option>
<option>2020</option>
<option>2021</option>
<option>2022</option>
<option>2023</option>
<option>2024</option>
<option>2025</option><option>2026</option>
<option>2027</option>
<option>2028</option>
<option>2029</option><option>2030</option>

</select></div>
<script>
 function time_axis(a)  
    {  
    var alllinks=document.getElementById(a);
   
       alllinks.style.display="block";//默认未点击时引用的样式  
    
		  
    }
     function time_axis1(a)  
    {  
    var alllinks=document.getElementById(a);
   
       alllinks.style.display="none";//默认未点击时引用的样式  
    
		  
    }</script>
<div class="memorial_day">
  <div class="time_axis" id="time_axis"></div>
  <ul>
    <li class="n1"  onMouseOver="time_axis('n1')"  onMouseOut="time_axis1('n1')"><a href="#">一月</a>
      <div class="dateview"  id="n1" style="display:none">2014-01</div>
    </li>
     <li class="n2"  onMouseOver="time_axis('n2')"  onMouseOut="time_axis1('n2')"><a href="#">二月</a>
      <div class="dateview"  id="n2" style="display:none">2014-02</div>
    </li>
   <li class="n3"  onMouseOver="time_axis('n3')"  onMouseOut="time_axis1('n3')"><a href="#">三月</a>
      <div class="dateview"  id="n3" style="display:none">2014-03</div>
    </li>
    <li class="n4"  onMouseOver="time_axis('n4')"  onMouseOut="time_axis1('n4')"><a href="#">四月</a>
      <div class="dateview"  id="n4" style="display:none">2014-04</div>
    </li>
    <li class="n5"  onMouseOver="time_axis('n5')"  onMouseOut="time_axis1('n5')"><a href="#">五月</a>
      <div class="dateview"  id="n5" style="display:none">2014-05</div>
    </li>
    <li class="n6"  onMouseOver="time_axis('n6')"  onMouseOut="time_axis1('n6')"><a href="#">六月</a>
      <div class="dateview"  id="n6" style="display:none">2014-06</div>
    </li>
    <li class="n7"  onMouseOver="time_axis('n7')"  onMouseOut="time_axis1('n7')"><a href="#">七月</a>
      <div class="dateview"  id="n7" style="display:none">2014-07</div>
    </li>
    <li class="n8"  onMouseOver="time_axis('n8')"  onMouseOut="time_axis1('n8')"><a href="#">八月</a>
      <div class="dateview"  id="n8" style="display:none">2014-08</div>
    </li>
    <li class="n9"  onMouseOver="time_axis('n9')"  onMouseOut="time_axis1('n9')"><a href="#">九月</a>
      <div class="dateview"  id="n9" style="display:none">2014-09</div>
    </li>
    <li class="n10"  onMouseOver="time_axis('n10')"  onMouseOut="time_axis1('n10')"><a href="#">十月</a>
      <div class="dateview"  id="n10" style="display:none">2014-10</div>
    </li>
    <li class="n11"  onMouseOver="time_axis('n11')"  onMouseOut="time_axis1('n11')"><a href="#">十一月</a>
      <div class="dateview"  id="n11" style="display:none">2014-11</div>
    </li>
    <li class="n12 mr_a" ><a href="#">十二月</a>
      <div class="dateview"  id="n12" style="display:block">2014-12</div>
    </li>
    
  </ul>
</div>
              </div>
        	<div class="menu1">
           <script type="text/javascript">

        function Tab(ProTag, ProBox) {

            for (i = 3; i < 6; i++) {

                if ("tab" + i == ProTag) {

                    document.getElementById(ProTag).className = "on1";

                } else {

                    document.getElementById("tab" + i).className = "a";

                }

                if ("con" + i == ProBox) {

                    document.getElementById(ProBox).style.display = "";

                } else {

                    document.getElementById("con" + i).style.display = "none";

                }

            }

        }
		 function sort1(ProTag) {

            for (i = 1; i < 4; i++) {

                if ("s" + i == ProTag) {

                    document.getElementById(ProTag).className = "on1";

                } else {

                    document.getElementById("s" + i).className = "a";

                }
			}
		 }
    </script>
            	
                	 <a href="#" id="tab3" class="a" onclick="Tab('tab3','con3');this.blur();return false;">

               	已付款</a>
                <a href="#" id="tab4" class="on1" onclick="Tab('tab4','con4');this.blur();return false;">

                未付款</a>


            <a href="#" id="tab5" class="a" onclick="Tab('tab5','con5');this.blur();return false;">

                已完成</a>
                <div class="right"> <a href="#" id="s1" class="on1" onclick="sort1('s1');this.blur();return false;">

               取货时间↑</a>
              <a href="#" id="s2" class="a" onclick="sort1('s2');this.blur();return false;">

               下单时间↑</a>
               <a href="#" id="s3" class="a" onclick="sort1('s3');this.blur();return false;">

               运费金额↑</a></div>

            </div>
              <div id="con3"  style="display:none">
              <div  class="top">
              	<div class="div1">运单名</div><div class="div2">信息</div><div class="div3">支付方式 </div><div class="div4">金额(元)</div><div class="div5">交易操作</div>
              </div>
					<ul>
                    	<li>
                        <div class="con_top"><div class="left">运单号：100021541125</div><div class="right">2014-12-09 11:25</div></div>				<div  class="he">
                 <div class="div1"><span>丰杨牌风雨外套风雨外套 <a  href="#">查看详情</a></span></div>
                 <div class="div2"><span><font class="f1">发货人：李四</font><font class="f1">收货人：张三</font>备注：注意易碎物品小心摆放切勿震动注意易注意易碎物品小心摆放切勿震动碎物品小心摆</span></div>
                 <div class="div3"><span><b>在线支付</b><font>(即时到账，支持绝大数
银行借记卡及部分银行
信用卡)</font></span> </div>
                 <div class="div4">215.50</div>
                 <div class="div5"><span><a class="x3" href="#"></a><a href="#">查看回单</a></span></div>
                 </div>       						
                        </li>
                        
                        <li>
                        <div class="con_top"><div class="left">运单号：100021541125</div><div class="right">2014-12-09 11:25</div></div>				<div  class="he">
                 <div class="div1"><span>丰杨牌风雨外套风雨外套 <a  href="#">查看详情</a></span></div>
                 <div class="div2"><span><font class="f1">发货人：李四</font><font class="f1">收货人：张三</font>备注：注意易碎物品小心摆放切勿震动注意易注意易碎物品小心摆放切勿震动碎物品小心摆</span></div>
                 <div class="div3"><span><b>在线支付</b><font>(即时到账，支持绝大数
银行借记卡及部分银行
信用卡)</font></span> </div>
                 <div class="div4">215.50</div>
                 <div class="div5"><span><a class="x2" href="#"></a><a href="#">查看回单</a></span></div>
                 </div>       						
                        </li>
                        
                        <li>
                        <div class="con_top"><div class="left">运单号：100021541125</div><div class="right">2014-12-09 11:25</div></div>				<div  class="he">
                 <div class="div1"><span>丰杨牌风雨外套风雨外套 <a  href="#">查看详情</a></span></div>
                 <div class="div2"><span><font class="f1">发货人：李四</font><font class="f1">收货人：张三</font>备注：注意易碎物品小心摆放切勿震动注意易注意易碎物品小心摆放切勿震动碎物品小心摆</span></div>
                 <div class="div3"><span><b>在线支付</b><font>(即时到账，支持绝大数
银行借记卡及部分银行
信用卡)</font></span> </div>
                 <div class="div4">215.50</div>
                 <div class="div5"><span><a class="x2" href="#"></a><a href="#">查看回单</a></span></div>
                 </div>       						
                        </li>
                       

                    </ul>
            
			<div class="page"><a class="last" href="#"></a>
                    
                        <ul>
                            <li>1</li>
                            <li>...</li>
                            <li>4</li>
                            <li>5</li>
                            <li  style="color:#00a0e9">6</li>
                            <li>7</li>
                            <li>8</li>
                            <li>...</li>
                            <li>35</li>
                        </ul>
                        <a class="next" href="#"></a>
                    </div>
        </div>
          <div id="con4">
              <div  class="top">
              	<div class="div1">运单名</div><div class="div2">信息</div><div class="div3">支付方式 </div><div class="div4">金额(元)</div><div class="div5">交易操作</div>
              </div>
					<ul>
                    	<li>
                        <div class="con_top"><div class="left">运单号：100021541125</div><div class="right">2014-12-09 11:25</div></div>				<div  class="he">
                 <div class="div1"><span>丰杨牌风雨外套风雨外套 <a  href="#">查看详情</a></span></div>
                 <div class="div2"><span><font class="f1">发货人：李四</font><font class="f1">收货人：张三</font>备注：注意易碎物品小心摆放切勿震动注意易注意易碎物品小心摆放切勿震动碎物品小心摆</span></div>
                 <div class="div3"><span><b>在线支付</b><font>(即时到账，支持绝大数
银行借记卡及部分银行
信用卡)</font></span> </div>
                 <div class="div4">215.50</div>
                 <div class="div5"><span><a class="x1" href="#"></a><a href="#">查看回单</a></span></div>
                 </div>       						
                        </li>
                        
                        <li>
                        <div class="con_top"><div class="left">运单号：100021541125</div><div class="right">2014-12-09 11:25</div></div>				<div  class="he">
                 <div class="div1"><span>丰杨牌风雨外套风雨外套 <a  href="#">查看详情</a></span></div>
                 <div class="div2"><span><font class="f1">发货人：李四</font><font class="f1">收货人：张三</font>备注：注意易碎物品小心摆放切勿震动注意易注意易碎物品小心摆放切勿震动碎物品小心摆</span></div>
                 <div class="div3"><span><b>在线支付</b><font>(即时到账，支持绝大数
银行借记卡及部分银行
信用卡)</font></span> </div>
                 <div class="div4">215.50</div>
                 <div class="div5"><span><a class="x1" href="#"></a><a href="#">查看回单</a></span></div>
                 </div>       						
                        </li>
                        
                        <li>
                        <div class="con_top"><div class="left">运单号：100021541125</div><div class="right">2014-12-09 11:25</div></div>				<div  class="he">
                 <div class="div1"><span>丰杨牌风雨外套风雨外套 <a  href="#">查看详情</a></span></div>
                 <div class="div2"><span><font class="f1">发货人：李四</font><font class="f1">收货人：张三</font>备注：注意易碎物品小心摆放切勿震动注意易注意易碎物品小心摆放切勿震动碎物品小心摆</span></div>
                 <div class="div3"><span><b>在线支付</b><font>(即时到账，支持绝大数
银行借记卡及部分银行
信用卡)</font></span> </div>
                 <div class="div4">215.50</div>
                 <div class="div5"><span><a class="x4" href="#"></a><a href="#">查看回单</a></span></div>
                 </div>       						
                        </li>
                       

                    </ul>
            
			<div class="page"><a class="last" href="#"></a>
                    
                        <ul>
                            <li>1</li>
                            <li>...</li>
                            <li>4</li>
                            <li>5</li>
                            <li  style="color:#00a0e9">6</li>
                            <li>7</li>
                            <li>8</li>
                            <li>...</li>
                            <li>35</li>
                        </ul>
                        <a class="next" href="#"></a>
                    </div>
        </div>
        <div id="con5" style="display:none">
              <div  class="top">
              	<div class="div1">运单名</div><div class="div2">信息</div><div class="div3">支付方式 </div><div class="div4">金额(元)</div><div class="div5">交易操作</div>
              </div>
					<ul>
                    	<li>
                        <div class="con_top"><div class="left">运单号：100021541125</div><div class="right">2014-12-09 11:25</div></div>				<div  class="he">
                 <div class="div1"><span>丰杨牌风雨外套风雨外套 <a  href="#">查看详情</a></span></div>
                 <div class="div2"><span><font class="f1">发货人：李四</font><font class="f1">收货人：张三</font>备注：注意易碎物品小心摆放切勿震动注意易注意易碎物品小心摆放切勿震动碎物品小心摆</span></div>
                 <div class="div3"><span><b>在线支付</b><font>(即时到账，支持绝大数
银行借记卡及部分银行
信用卡)</font></span> </div>
                 <div class="div4">215.50</div>
                 <div class="div5"><span><a class="x5" href="#"></a><a href="#">查看回单</a></span></div>
                 </div>       						
                        </li>
                        
                        <li>
                        <div class="con_top"><div class="left">运单号：100021541125</div><div class="right">2014-12-09 11:25</div></div>				<div  class="he">
                 <div class="div1"><span>丰杨牌风雨外套风雨外套 <a  href="#">查看详情</a></span></div>
                 <div class="div2"><span><font class="f1">发货人：李四</font><font class="f1">收货人：张三</font>备注：注意易碎物品小心摆放切勿震动注意易注意易碎物品小心摆放切勿震动碎物品小心摆</span></div>
                 <div class="div3"><span><b>在线支付</b><font>(即时到账，支持绝大数
银行借记卡及部分银行
信用卡)</font></span> </div>
                 <div class="div4">215.50</div>
                 <div class="div5"><span><a class="x5" href="#"></a><a href="#">查看回单</a></span></div>
                 </div>       						
                        </li>
                        
                        <li>
                        <div class="con_top"><div class="left">运单号：100021541125</div><div class="right">2014-12-09 11:25</div></div>				<div  class="he">
                 <div class="div1"><span>丰杨牌风雨外套风雨外套 <a  href="#">查看详情</a></span></div>
                 <div class="div2"><span><font class="f1">发货人：李四</font><font class="f1">收货人：张三</font>备注：注意易碎物品小心摆放切勿震动注意易注意易碎物品小心摆放切勿震动碎物品小心摆</span></div>
                 <div class="div3"><span><b>在线支付</b><font>(即时到账，支持绝大数
银行借记卡及部分银行
信用卡)</font></span> </div>
                 <div class="div4">215.50</div>
                 <div class="div5"><span><a class="x5" href="#"></a><a href="#">查看回单</a></span></div>
                 </div>       						
                        </li>
                       

                    </ul>
            
			<div class="page"><a class="last" href="#"></a>
                    
                        <ul>
                            <li>1</li>
                            <li>...</li>
                            <li>4</li>
                            <li>5</li>
                            <li  style="color:#00a0e9">6</li>
                            <li>7</li>
                            <li>8</li>
                            <li>...</li>
                            <li>35</li>
                        </ul>
                        <a class="next" href="#"></a>
                    </div>
        </div>
            </div>
          

        </div>
   </block>     
               